<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>修改密码-有点</title>
    <link rel="stylesheet" type="text/css" href="_ADMIN_css/css.css" />
    <script type="text/javascript" src="_ADMIN_js/jquery.min.js"></script>
</head>
<body>
<div id="pageAll">
    <div class="pageTop">
        <div class="page">
            <img src="_ADMIN_img/coin02.png" /><span><a href="#">首页</a>&nbsp;&nbsp;-</span>&nbsp;修改密码
        </div>
    </div>
    <form action="{:url('admin/index/changepass')}" method="post">
    <div class="page ">
        <!-- 修改密码页面样式 -->

        <div class="bacen">
            <div class="bbD">
                &nbsp;&nbsp;&nbsp;&nbsp;输入旧密码：
                <input type="password" name="old" class="input3" onblur="checkpwd1()" id="pwd1" />
                <img class="imga" src="_ADMIN_img/ok.png" /><img class="imgb" src="_ADMIN_img/no.png" />
            </div>
            <div class="bbD">
                &nbsp;&nbsp;&nbsp;&nbsp;输入新密码：<input type="password" name="new" class="input3" onblur="checkpwd2()" id="pwd2" />
                <img class="imga" src="_ADMIN_img/ok.png" /><img class="imgb" src="_ADMIN_img/no.png" />
            </div>
            <div class="bbD">  再次确认密码：
                <input type="password" class="input3" name="renew" onblur="checkpwd3()" id="pwd3" />
                <img class="imga" src="_ADMIN_img/ok.png" />
                <img class="imgb" src="_ADMIN_img/no.png" />
            </div>
            <div class="bbD">
                <p class="bbDP">
                    <button class="btn_ok btn_yes" href="#">提交</button>
                    <a class="btn_ok btn_no" href="#" onclick="window.history.go(-1)">取消</a>
                </p>
            </div>
        </div>

        <!-- 修改密码页面样式end -->
    </div>
    </form>
</div>
</body>
<script type="text/javascript">
    function checkpwd1(){
        var user = document.getElementById('pwd1').value.trim();
        if (user.length >= 6 && user.length <= 12) {
            $("#pwd1").parent().find(".imga").show();
            $("#pwd1").parent().find(".imgb").hide();
        }else{
            $("#pwd1").parent().find(".imgb").show();
            $("#pwd1").parent().find(".imga").hide();
        };
    }
    function checkpwd2(){
        var user = document.getElementById('pwd2').value.trim();
        if (user.length >= 6 && user.length <= 12) {
            $("#pwd2").parent().find(".imga").show();
            $("#pwd2").parent().find(".imgb").hide();
        }else{
            $("#pwd2").parent().find(".imgb").show();
            $("#pwd2").parent().find(".imga").hide();
        };
    }
    function checkpwd3(){
        var user = document.getElementById('pwd3').value.trim();
        var pwd = document.getElementById('pwd2').value.trim();
        if (user.length >= 6 && user.length <= 12 && user == pwd) {
            $("#pwd3").parent().find(".imga").show();
            $("#pwd3").parent().find(".imgb").hide();
        }else{
            $("#pwd3").parent().find(".imgb").show();
            $("#pwd3").parent().find(".imga").hide();
        };
    }
</script>
</html>